<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="
    app.settings.asideFolded = false; 
    app.settings.asideDock = false;
  ">

  <!-- main -->
  <div class="col">
    <!-- main header -->
    <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-sm-6 col-xs-12">
          <h1 class="m-n font-thin h3 text-black">客服管家设置</h1>
        </div>
      </div>
    </div>
    <!-- / main header -->

    <div class="wrapper-md" ng-controller="FlotChartDemoCtrl">

      <form name="" class="form-horizontal form-validation">
        <div class="panel panel-default">
          <div class="panel-body">
            <div class="row">
              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">房间编号:</label>
                  <div class="col-sm-7">
                    <input type="text" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">服务区域:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">A</option>
                      <option value="">B</option>
                      <option value="">C</option>
                      <option value="">D</option>
                    </select>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">管家:</label>
                  <div class="col-sm-7">
                    <input type="text" class="form-control" placeholder="">
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="panel-footer  text-right">
            <button class="btn btn-info m-r">&nbsp;&nbsp;重置&nbsp;&nbsp;</button>
            <button class="btn btn-success m-l">&nbsp;&nbsp;查询&nbsp;&nbsp;</button>
          </div>
        </div>
      </form>

      <div class="row">
        <div class="col-md-6 col-xs-12">
          <div class="panel panel-default">
            <div class="panel-heading"><strong>服务区域</strong></div>
            <div class="table-responsive">
              <table class="table table-striped b-t b-light">
                <thead>
                  <tr>
                    <th>区域</th>
                    <th>范围</th>
                  </tr>
                </thead>

                <tbody>
                  <tr>
                    <td>A</td>
                    <td>1号楼 2号楼1单元 2号楼2单元101至1203</td>
                  </tr>
                  <tr>
                    <td>B</td>
                    <td>2号楼1301至2403 3号楼</td>
                  </tr>
                  <tr>
                    <td>C</td>
                    <td>4号楼 5号楼</td>
                  </tr>
                  <tr>
                    <td>D</td>
                    <td>6号楼 7号楼</td>
                  </tr>
                  <tr>
                    <td>E</td>
                    <td>9号楼 10号楼</td>
                  </tr>
                  <tr>
                    <td>F</td>
                    <td>底商26至52</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xs-12">
          <div class="panel panel-default">
            <div class="panel-heading text-right ">
              <div class="pull-left"><strong>管家设置</strong></div>
              <button class="btn btn-success">添加</button>
              <button class="btn btn-info">修改</button>
              <button class="btn btn-danger">删除</button>
            </div>
            <div class="table-responsive">
              <table class="table table-striped b-t b-light">
                <tbody>
                  <tr>
                    <td>1</td>
                    <td>王二妮</td>
                    <td>↑↓</td>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>王二妮</td>
                    <td>↑↓</td>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>王二妮</td>
                    <td>↓</td>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>王二妮</td>
                    <td>↑</td>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>王二妮</td>
                    <td>↑</td>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>王二妮</td>
                    <td>↑</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>